/* 背景图片 */
body{
	background: url(../img/email-pattern.png);
}

.m-padded-tb-mini{
	padding-top:0.2em !important;
	padding-bottom:0.2em !important;
}
.m-padded-tb-tiny{
	padding-top:0.3em !important;
	padding-bottom:0.3em !important;
}
.m-padded-tb-small{
	padding-top:0.5em !important;
	padding-bottom:0.5em !important;
}
.m-padded{
	padding:1em !important;
}

.m-padded-tb{
	padding-top:1em !important;
	padding-bottom:1em !important;
}
.m-padded-tb-large{
	padding-top:2em !important;
	padding-bottom:2em !important;
}

.m-padded-tb-big{
	padding-top:3em !important;
	padding-bottom:3em !important;
}

.m-padded-tb-huge{
	padding-top:4em !important;
	padding-bottom:4em !important;
}

.m-padd-tb-massive{
	padding-top:5em !important;
	padding-bottom:5em !important;
}

.m-padded-lr-responsive{
	padding-left: 4em !important;
	padding-right: 4em !important;
}

/* margin */
.m-margin_tb-tiny{
	margin-top:0.3em !important;
	margin-bottom: 0.3em !important;
}


/* margin */
.m-margin_tb-top-small{
	margin-top:0.5em !important;
	margin-bottom: 0.5em !important;
}

.m-margin_tb-top{
	margin-top:1em !important;
	margin-bottom: 1em !important;
}

.m-margin_tb-top-large{
	margin-top:2em !important;
	margin-bottom: 2em !important;
}
.m-margin-bottom-mini{
		margin-bottom: 0.5em !important;
}


.m-imagesize{
	width: 6.875rem;
}
/* text */
.m-text-thin{
	font-weight: 300 !important;
}
 /* 字间距 */
.m-text-spaced{
	letter-spacing: 1px !important;
}
/* 行间距 */
.m-text-lined{
	line-height: 1.8;
}

.m-text{
	font-weight: 300 !important;
	letter-spacing: 1px !important;
	line-height: 1.8;
}

.m-opacity-mini{
	opacity: 0.8 !important;
}
.m-padded{
	padding-top:1.25rem !important;
	padding-bottom:1.25rem !important;
}
/* display */
.m-inline-block{
	display: inline-block !important;
}
.m-container-small{
	max-width: 60em !important;
	margin: auto !important;
}
.m-container{
	max-width:72em !important;
	margin:auto !important;
}

/* opacity */
.m-opacity-mini{
	opacity: 0.6 !important;
}

/* shadow 阴影效果 */
.m-shadow-small{
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
	box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
}

/* positon */
.m-fixed{
	position: fixed !important;
	z-index: 10 !important;
}

.m-right-bottom{
	bottom: 0 !important;
	right: 0 !important;
}


/* color */
.m-black{
	color:#333;
}

/* 指定绝对位置位置 */
.m-top-right{
	position: absolute;
	top:0;
	right:0;
}
.m-mobile-show{
		display: none !important;
}


/* 隐藏样式 */
@media screen and (max-width:768px){
	/* 在屏幕小于768px时隐藏 */
	.m-mobile-hide{
		display: none !important;
	}
		/* 在屏幕小于768px时显示 */
	.m-mobile-show{
			display: block !important;
	}
	.m-padded-lr-responsive{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.m-mobile-wide{
		width: 100% !important;
	}
	.m-mobile-lr-clear{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

	
